<template>
  <svg-icon
    icon-class="fullscreen"
    style="color:#fff; width: 20px; height: 20px; margin: 13px 0px"
    @click="handleClick"
  />
</template>

<script>
import ScreenFull from 'screenfull'

export default {
  name: 'ScreenFull',
  data() {
    return {}
  },
  created() {

  },
  methods: {
    handleClick() {
      if (ScreenFull.isEnabled) {
        ScreenFull.toggle()
      }
    }
  }
}

</script>

<style scoped lang='scss'>

</style>
